<h3><a href="{:url('article/addarticle')}" class="actionBtn add">关于我们</a>文章列表</h3>


<style>
    #pre img{max-width: 100%}
</style>
<div>

    <form action="" method="post">

    <div style="float: left;width: 49%">
        <!-- KindEditor -->
        <link rel="stylesheet" href="/static/js/kindeditor/themes/default/default.css">
        <link rel="stylesheet" href="/static/js/kindeditor/plugins/code/prettify.css">
        <script charset="utf-8" src="/static/js/kindeditor/kindeditor.js"></script>
        <script charset="utf-8" src="/static/js/kindeditor/lang/zh_CN.js"></script>
        <script charset="utf-8" src="/static/js/kindeditor/plugins/code/prettify.js"></script>
        <script>
            KindEditor.ready(function (K) {
                var editor1 = K.create('textarea[name="content"]', {
                    cssPath: '/static/js/kindeditor/plugins/code/prettify.css',
                    uploadJson: '/static/js/kindeditor/php/upload_json.php',
                    fileManagerJson: '/static/js/kindeditor/php/file_manager_json.php',
                    allowFileManager: true,
                    afterCreate: function () {
                        var self = this;
                        K.ctrl(document, 13, function () {
                            self.sync();
                            K('form[name=example]')[0].submit();
                        });
                        K.ctrl(self.edit.doc, 13, function () {
                            self.sync();
                            K('form[name=example]')[0].submit();
                        });
                    },
                    afterChange:function () {
                        var content = document.getElementById('pre');
                        console.log(this.fullHtml());
                        content.innerHTML = this.fullHtml();
                    },
                });
                prettyPrint();
            });
        </script>
        <!-- /KindEditor -->
        <!--<div class="ke-container ke-container-default" style="width: 30%;"></div>-->
        <textarea id="content" name="content" style="width: 95%; height: 420px; display: none;"
                  class="textArea"> {$content} </textarea>
    </div>
    <div style="float: left;width: 45%;border: 1px dashed #000000;min-height: 400px;padding: 10px" id="pre">
        {$content}
    </div>
    <div style="clear: both"></div>

        <h4>右侧图片仅供参考 建议以左侧效果编辑效果为准</h4>
        <button type="submit" class="btnPayment">确定</button>
    </form>



</div>